<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="assets/css/styles.css" />
<link rel="stylesheet" type="text/css" href="assets/fancybox/jquery.fancybox-1.3.4.css" />

</head>
<body>

<form action="register.do" method="post">
	<div id="camera">
		<span class="tooltip"></span>
		<span class="camTop"></span>
	    
	    <div id="screen"></div>
	    <div id="buttons">
	    	<div class="buttonPane">
	        	<a id="shootButton" href="" class="blueButton">Shoot!</a>
	        </div>
	        <div class="buttonPane">
	        	these two buttons should be hidden (chenge the tag to div class="buttonPane hidden")
	        	<a id="cancelButton" href="" class="blueButton">Cancel</a><input type="submit" class="greenButton" alt="Upload" value ="test" />  <!-- a id="uploadButton" href="" class="greenButton">Upload!</a -->
	        </div>
	    </div>    
	    <span class="settings"></span>	
	</div>
</form>
<!-- 
<input type="text" name="pictureURL"><br/>
<input type="submit" value="Save">
 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="assets/fancybox/jquery.easing-1.3.pack.js"></script>
<script src="assets/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="assets/webcam/webcam.js"></script>
<script src="assets/js/script.js"></script>

</body>
</html>